<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-uk">
<head>
	<title>jquery styleswitcher - kelvinluck.com</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	
	<link rel="stylesheet" type="text/css" href="styles1.css" title="styles1" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" />
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
	<script type="text/javascript" src="styleswitch.js"></script>
</head>

<body>
	<h1>Stylesheet switcher using jQuery</h1>
	<p>This is a simple example of my stylesheet switcher which is very simple thanks to the power of <a href="http://www.jquery.com/">jQuery</a>.</p>
	<p><strong>Update 22/12/2008:</strong> Updated to work with newest jQuery 1.3 beta (changed [@title] to [title])</p>
	<p><strong>Update 25/08/2006:</strong> Updated to work with persistant stylesheets and new version of jQuery (r226 from SVN) [thanks Andrea]</p>
	<p><strong>Update 20/08/2006:</strong> Updated to work with new version of jQuery (r200 from SVN) ["*=style" replaced with "=*style*"]</p>
	<p>
		Currently active stylesheet:
		<span id="st1">styles1</span>
		<span id="st2">styles2</span>
		<span id="st3">styles3</span>
	</p>
	<p>Choose a different stylesheet:</p>
	<ul>
		<li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">styles1</a></li>
		<li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">styles2</a></li>
		<li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">styles3</a></li>
	</ul>
	<p>Please view source to see how it works or see the <a href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery">full article</a> about this script for more information. You can download the relevant Javascript here: <a href="styleswitch.js">styleswitch.js</a>, <a href="jquery.js">jquery.js</a></p>
</body>
</html>

